<!--  -->
<template>
  <div>
    <el-steps :active="form.roleAudit" align-center :finish-status="finishStatus()">
      <el-step title="学务办初审" :description="form.xwOpinion"></el-step>
      <el-step title="党总支书记审核" description="这是一段很长很长很长的描述性文字"></el-step>
      <el-step title="科室复核" description="这是一段很长很长很长的描述性文字"></el-step>
      <el-step title="学工处长审核" description="这是一段很长很长很长的描述性文字"></el-step>
    </el-steps>
  </div>
</template>

<script>
export default {
  props: {
    form: {
      type: Object,
      default: []
    }
  },
  watch: {
    "form.auditStatus": {
      immediate: true,
      handler() {
        this.finishStatus()
      }
    }
  },
  data() {
    return {

    }
  },
  methods: {
    finishStatus() {
      return this.form.auditStatus == 1 ? 'success' : 'error'
    }
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {

  },
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {

  },
  // 离开当前页面时执行代码
  destroyed() {

  }
}
</script>
<style scoped>
/* @import url(); 引入css类 */
</style>
